<!DOCTYPE html>
<html>
<head lang="en">
    <title>商品搜索</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/swiper-3.3.1.min.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/search.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>

<div class="container">
    <!--面包屑-->
    <div class="bread">
        <a href="../html/index.html">首页</a><b>&gt;</b><span>搜索商品_婴儿</span>
    </div>
    <div class="filter">
        <ul class="fl clear">
            <li class="fl f-active">默认<img class="f-img1" src="../img/arrow-down%20(1).png" alt=""/><img class="f-img2" src="../img/arrow-down.png" alt=""/></li>
            <li class="fl">销量<img class="f-img1" src="../img/arrow-down%20(1).png" alt=""/><img class="f-img2" src="../img/arrow-down.png" alt=""/></li>
            <li class="fl">新品<img class="f-img1" src="../img/arrow-down%20(1).png" alt=""/><img class="f-img2" src="../img/arrow-down.png" alt=""/></li>
            <li class="fl">评论数<img class="f-img1" src="../img/arrow-down%20(1).png" alt=""/><img class="f-img2" src="../img/arrow-down.png" alt=""/></li>
            <li class="fl">价格<img class="f-img1" src="../img/arrow-down%20(1).png" alt=""/><img class="f-img2" src="../img/arrow-down.png" alt=""/></li>
        </ul>
        <div class="price-area fl">
            <label class="price-area-box">
                <span>￥</span>
                <input type="text"/>
            </label> ~
            <label class="price-area-box">
                <span>￥</span>
                <input type="text"/>
            </label>
        </div>
        <div class="fl type fs-12 color-666">
            <label>
                <input type="radio" name="type"/> 包邮
            </label>
            <label>
                <input type="radio" name="type"/> 自营商品
            </label>
        </div>
        <div class="page fr">
            <span class="fl color-999 fs-12">1/1</span>
            <div class="fl">
                <a href="javascript:void(0);">&lt;</a>
                <a href="javascript:void(0);">&gt;</a>
            </div>
        </div>
    </div>
    <div class="content overflow">
        <div class="left-content fl">
            <ul>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
                <li>
                    <a class="l-c-img" href="">
                        <img src="../img/QQ截图20160728171608.png" alt="" width="210" height="210"/>
                    </a>
                    <div class="l-c-price overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                    <p class="l-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                </li>
            </ul>
        </div>
        <div class="right-content fr">
            <p class="r-title fs-14 color-666">推广商品</p>
            <ul>
                <li>
                    <a class="r-c-img" href=""><img src="../img/QQ截图20160728171608.png" alt="" width="180" height="180"/></a>
                    <p class="r-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                    <div class="overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                </li>
                <li>
                    <a class="r-c-img" href=""><img src="../img/QQ截图20160728171608.png" alt="" width="180" height="180"/></a>
                    <p class="r-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                    <div class="overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                </li>
                <li>
                    <a class="r-c-img" href=""><img src="../img/QQ截图20160728171608.png" alt="" width="180" height="180"/></a>
                    <p class="r-c-des fs-12 color-666">身高不是对方是打发时间打开发生的第三代大师傅的说法是的所发生的</p>
                    <div class="overflow">
                        <span class="fs-16 fl">￥250.00</span>
                        <span class="fs-12 color-999 fr">销量：0</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div ng-include="'../public/footer.html'"></div>
<!--部件-->
<div ng-include="'../public/right_bar.html'"></div>

</body>
<script src="../js/common.js"></script>
<script>
    $(function(){
        $('.filter ul li').click(function(){
            $(this).addClass('f-active').siblings().removeClass('f-active');
        })
    })
</script>
</html>